<template>
    <div>
        <h4>slot卡槽</h4>
        <hr>
        <SlotChild>
            <template v-slot:head>
                <div>我是head位置的内容</div>
            </template>
            <template v-slot:default="{ data }">
                <div>我是default位置的内容--{{data}}</div>
            </template>
            <template #foot>
                <div>我是foot位置的内容</div>
            </template>
            <!-- 动态卡槽 -->
            <template v-slot:[name]>111</template>
        </SlotChild>
    </div>
</template>
    
<script setup lang='ts'>
import { ref } from 'vue';
import SlotChild from '../components/slot-child.vue'
let name = ref('foot');
    
</script>
    
<style>
    
</style>